iT邦幫忙

2023 iThome 鐵人賽

DAY 4
0

昨天有提到,瀏覽器會根據伺服器返回的HTML和CSS內容,來呈現我們在瀏覽器中看到的網頁畫面。因此,我們今天要來認識HTML標籤,HTML的標籤有許多種,我們必須要了解這些不同種類的標籤類型,才能擷取到正確的資料。

HTML(Hyper Text Markup Language)是一種標準標記語言,用於建立網頁內容並在瀏覽器中呈現,這種語言讓我們可以創建和設定網頁上的各種內容,例如:文本、圖像、視頻、超連結等元素。

聲明

HTML文檔的類型聲明<!DOCTYPE>,目的是為了讓瀏覽器知道目前所使用的是HTML版本。

標籤(Tags)

  • 根元素
    網頁最上層的元素<html>,其他的標籤都要包含在<html></html>裡面。
    使用lang屬性來指定網頁使用的語言:

    <html lang= “zh-TW”>
    

    屬性值常見的兩碼:zh(中文)、en(英文)、fr(法文)、ja(日文)、ko(韓文)。

  • 標題(Tags)
    例如:<head><title><meta><script><style>標籤。

  • 編排網頁內容(Tags)
    通常包含在<body></body>裡面,例如:段落<p>、圖片<img>、表格<table>、超連結<a>等等。

屬性

HTML標籤是可以有屬性的,目的是用來定義細部的編排。
例如: 定義一張圖片的寬度和高度

<img src=”apple.jag” width=”20” hight=”30”>

參考資料
https://www.w3schools.com/tags/ref_language_codes.asp
https://www.newscan.com.tw/all-faq/faq-detail-3.htm


上一篇
認識瀏覽器
下一篇
認識CSS
系列文
30天零基礎學習網路爬蟲30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言